@charset "utf-8";

body {
    font-family: Microsoft YaHei,Arial !important;
	line-height:1.8;
	font-size:16px;
	margin-bottom:0px;
	padding-bottom:0px;
}
body a {
    color: #102388;
    outline: none;
}
body a:hover {
	text-decoration: none;
	opacity: .5;
	color: #102388;
	outline: none;
}
header {
    margin: 20px 0px;
    color: #999;
    font-size: 14px;
	}
.h1{
	font-weight: 300;
    font-size: 40px;
	margin: 80px 0 0 0;
}
div#pagetitle{position:absolute;top:-9999px;left:-9999px;width:100px;}
.model-overview h2{font-size: 24px;}
h3{line-height:inherit;}
.site-search-wrapper {
	padding-top:10px;
	}
.text-important{color:#FF3300}

/*----------瀵艰埅鑿滃崟寮€濮�----*/
.navbar-header .navbar-toggle {
    margin: 8px;
    color: #383838;
    padding: 6px 15px;
    border: 1px solid #383838;
    background-color: #FFF;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.mobile_menu .navbar-nav li{ border-bottom:1px #51a451 solid;}
.mobile_menu .navbar-nav .lastmenu{ border-bottom:none;}
.mobile_menu .navbar-header .navbar-brand {
    margin: 0;
    background-position: left;
    background-image: url(images/logo3.png);
	background-repeat:no-repeat;
	width:186px;
	padding:0px;
}
.navbar-wrapper .navbar-header .navbar-brand {
    margin: 0;
	padding:0px;
	margin-top:3px;
}
.navbar-wrapper {
    position: relative;
    z-index: 15;
    box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.3);
	background-color:#FFFFFF;
	width: 100%;
}
@media (max-width: 992px) {
	.navbar-wrapper .navbar-nav > li > a{ padding-right:0px; letter-spacing:3px; padding-left:12px;}
}
@media (max-width: 768px) {
	.navbar-wrapper .navbar-nav > li > a{padding-left:24px;}
}
.navbar-wrapper .navbar-nav > li > a {
	color: #424442;
}
.navbar-header a锛歿opacity: 1;}
body .navbar {
    border-radius: 0px !important;
}
.navbar {
    background: #102388;
}
body .navbar-nav > li > a {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding:20px 20px;
    letter-spacing: 3px;
}
.navbar-collapse{ padding-left:0px;}
body .navbar-nav > li > a:hover, .navbar .nav > li > a:focus {
    color: #000;
	background-color:transparent;
}
li.first-nav{ 
	padding-left: 0px;
	margin-left: 0px;
}
body .navbar-nav > li.first-nav > a {
	padding-left: 0px; 
}
#main-nav {
	display: inline-block;
	position:static;
}

#main-nav:hover #sub-nav {
  display: block;
}
#sub-nav {
	display: none;
	position: absolute;
	left:0;
	z-index: 9999;
	width:100%;
    padding-top: 1px;
}
#sub-nav-inner{
	padding: 24px 15px 5px 15px;
    border: 1px solid #ddd;
	border-top: 0px;
}
.nav-product{
    background: #fff url("images/down-arrow.png") no-repeat 101px 0px;
}
.nav-brand{
    background: #fff url("images/down-arrow.png") no-repeat 187px 0px;
}
.nav-baojia{
    background: #fff url("images/down-arrow.png") no-repeat 260px 0px;
}
#sub-nav dl{
	position:relative;
	border-bottom: 1px dotted #CCC;
	padding-left: 120px;
	margin:0;
}
#sub-nav .noline{ border-bottom:none;}
#sub-nav dl:hover{background-color:#F9F9F9;}
#sub-nav dt{
	position: absolute;
	left: 0;
	width:110px;
	font-weight:bold;
	display:inline-block;
	vertical-align:top; 
	text-align:right;
	overflow: hidden;
	line-height: 16px;
    height: 16px;
    margin: 10px 0;
}
#sub-nav dd{display:inline-block;}
#sub-nav dd a{ border-left:1px dotted #ddd; padding:0 8px;  margin:8px 0; color:#777777;}
#sub-nav a{display:inline-block;}

/*----------瀵艰埅鑿滃崟缁撴潫----*/
/*----------瀵艰埅鑿滃崟缁撴潫----*/

.sub-menu {
	display: none;
}
.dropdown:hover .sub-menu {
	display: block;
}
/*-----------浜岀骇瀵艰埅----------*/
/*for multi-level dropdown*/
.dropdown-submenu {
    position: relative;

}

.dropdown-submenu>.sub-menu {
	min-width: 220px;
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.sub-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.sub-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*css ends*/

.breadcrumb-section{ margin-top:20px;}

.mod-search {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #f8f8f8;
    padding: 20px 0px;
}
.form-control {
    height: 42px;
    border-radius: 0px;
}
.btn{
    border-radius: 0px;
    background: #102388;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border: 0px;
    padding: 11px 35px;
}
.mod-search h3{
    font-size: 24px;
    margin: 0px;
    padding: 0px;
    line-height: 1.6;
}
@media (max-width: 768px) {
	.form-control {
		margin-bottom: 10px;
	}
    .mod-search {
     padding: 22px 0px;
    }
    .mod-search h3 {
    text-align:center;
    margin-bottom:20px;
    line-height:1.3;
    }
    .btn-success {
        width:100%;
    }
}
#brand-banner{ margin-top: 15px;}
.carousel-inner>.item a{text-align: center;}
.itemBest{
	display: block;
	font-size: 30px;
    margin-top: 40px;
    border-left: 3px solid #102388;
    padding: 0 0 0 15px;
    line-height: 30px;
    margin-bottom: 35px;
    text-align: left;
    }
.frindlink{ text-align: center; font-size: 10px;}
.frindlink a{color:#999999;}
#weixin{display:none;}
footer {
	font-size:14px;
	text-align: center;
    color:#666;
    padding-top: 20px;
    padding-bottom: 40px;
	margin-top:20px;
	background-color:#f8f8f8;
	border-top: 1px solid #e6e6e6;
}
footer a{padding: 0 3px;}
footer dl dd {
    padding-bottom: 15px;
}
footer dl dt {
    padding-bottom: 15px;
}

.headlines-section {
    margin-top: 30px;
    border-top: 1px solid #e7e7e7;
}
.headlines{
    border-top: 1px solid #e7e7e7;
	padding-bottom:15px;
}
.headlines2{
	padding-top:15px;
    border-top: 1px solid #e7e7e7;
}
.page-container a{word-break:break-all;}
.category-list h2{
	font-size: 30px;
    border-left: 3px solid #102388;
    padding-left: 15px;
    text-align: left;
	margin-bottom:30px;
	margin-top:30px;
}
.category-list .caption small{display:block; height:50px;}
.sub-menu>li>a{line-height: 1.8;font-size: 16px;}
.thumbnail{
	display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 310px;
    margin-bottom: 30px;
    border-radius: 0;
	border-radius: 0px;
}
.thumbnail h3{ font-size:18px; margin:0;}
.thumbnail img{ max-width: 100%;    height: auto;}
#page-container {
    padding-top: 20px;
}
#page-container h1 {
    font-size: 36px;
    margin-top: 30px;
	margin-bottom:30px;
    border-left: 3px solid #102388;
    padding-left: 15px;
}
.daogou {padding:10px; background: #f8f8f8;}
.daogou h3 {
    color: #FF0000; margin-top:10px;
}
.bieming{ padding:10px 0px 10px 20px;}
.category-list h2{
	font-size: 30px;
    border-left: 3px solid #102388;
    padding-left: 15px;
    text-align: left;
	margin-bottom:30px;
	margin-top:30px;
}
.category-list .caption small{display:block; height:50px;}
.sub-menu>li>a{line-height: 1.8;font-size: 16px;}

.news-content .htitle{ color:#333333; font-size:18px; padding:10px 0;}
.news-content .htitle a{ float:right; color:#999999; font-size:14px;}
.news-content ul li a{float:left;}
.news-content ul{ padding-left:0px;}
.news-content ul li{list-style:none; line-height:30px;}
.news-content ul li span{float:right;}
.pages{ padding-top: 20px;}
.miscPages {
    margin-bottom:2em;
}
.aboutWidget{
	background-color: #f8f8f8;
    color: #000;
    font-weight: 700;
    padding: 1em;
}
.aboutWidget ul {
list-style: none;
padding: 0 0 0 0;
}

.aboutWidget ul li {
border-top: 1px solid #cdcdcd;
padding: 0.7em 0;
}

.aboutWidget ul li:first-of-type {
border-top:none;
}
.aboutWidget ul li:last-of-type {
padding: 0.7em 0 0;
}

.aboutWidget ul li a {
color: #102388;
}

.aboutWidget ul li i {
font-size: 1.1em;
color:#102388;
}
.miscPages h1 {
font-weight: 300;
margin-bottom: 20px;
border-bottom:1px solid #e7e7e7;
padding-bottom: 20px;
}
.miscPages h2 {
    border-left: 3px solid #102388;
    display:block !important;
    font-weight: 300;
    font-size: 30px;
    padding-left: 12px;
	clear:both;
    margin:1em 0;
    color: #000;
}
.pagelist{
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 100%;
    display: inline;
}
.pagelist li {
    margin-right: 5px;
    display: inline;
}
.contact i{
font-size: 1.2em;
color:#102388;
padding-right:20px;
}
.contact .table>tbody>tr>td{border-top:none}

.anli{ margin-top:20px; padding:0;}
.anli img{border:1px solid #CCCCCC; padding:4px; margin:10px 0;}

.page-container{padding-top: 20px;}
.articlelist ul, likearticle ul, .pages ul{padding-left:0px;}
.articlelist ul li, .likearticle ul li, .pages ul li{ list-style:none;}
.likearticle h4{ padding:15px 0; border-top:1px solid #e7e7e7;} 
.articlelist{color:#999999; clear: both;}

.category-family-listing h2 {
    font-size: 30px;
    margin-top: 40px;
    border-left: 3px solid #102388;
    padding-left: 15px;
    text-align: left;
}
.category-family-item h2{
	margin-top: 20px;
	border-left:none;
	padding-left:0;
}
.category-family-listing{
	padding-top: 20px;
}
.category-family-item {
    padding: 20px 15px 20px 0px;
}
.category-family-item .header a {
    font-size: 28px;
    margin-bottom: 10px;
	border-left:0;
}
.category-family-item .subhead {
    font-size: 18px;
	color:#FF3300;
    margin-bottom: 10px;
}
.family-item-links {
    padding-top: 10px;
}

body .navbar {
    border-radius: 0px !important;
}
.navbar {
    background: #102388;
}
/* mobile_footer_menu */
#mobile_footer_menu>li>a{ color:#FFFFFF; font-size:14px; font-weight:normal; padding:5px 10px;}
#mobile_footer_menu li{float:left; width:30%;}

.family-intro-section {
    margin: 20px 0px 40px;
}
.family-intro-section img{ max-width:400px;}
h1.family-name {
    color: #000;
    font-size:30px;
    padding: 0px;
    margin: 20px 0px 30px 0px;
    line-height: 1.2;
    font-weight: 300;
}
h1.family-name font{font-size:20px; color:#999; float:right}

/*kf*/
#box {width:108px; height:auto; background:#fff; position:fixed; z-index:9999; top:150px; right:0px; border-radius:5px 0 0 5px;}

#box .box-right{width:108px; height:auto; overflow:hidden; position:absolute; left:0px; top:0px;}
#box .main{width:108px; height:auto; overflow:hidden; background:#fff; border-left:solid #ddd 1px; border-right:solid #ddd 1px; }
#box .main .kf_dh{width:108px; height:33px; display:inline-block; background:#e0e0df; line-height:33px; font-weight:bold; color:#1482B9; text-align:center;}
#box .main ul{height:auto; overflow:hidden; padding: 10px 0 0 0;}
#box .main ul li{font-size:12px; list-style: none; color: red; text-align: center;}
#box .main .kf_ul_1{  margin-top:4px;}
#box .main .kf_ul_1 img{ border:0px;}
#box .main .kf_ul_1 a .kf_qq{ width:23px; height:23px; display:inline-block; background:url(images/kf/minqq.jpg) no-repeat; overflow:hidden; margin-bottom:-7px;}
#box .main .kf_ul_1 .salelist{padding-top:8px; }
#box .main .kf_ul_1 .salelist a{display:inline-block}
#box .main .kfdh{ font-weight:bold;  font-size:14px; border-bottom: 1px solid #666; text-align:center; padding:10px 0 5px 0; margin:0 18px; color:#666;}

.table>thead {
    background: #4a4f51;
    color: #fff;
    border: 0px;
}
.table>thead>tr>th{border-bottom: 1px solid #ddd;}
.table>tbody>tr>td {
    vertical-align: middle;
}
.table h3{ margin-bottom:5px; margin-top:5px;}

@media (max-width: 768px) {
	.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { font-size:12px; padding:4px;}
	.family-intro-section img, .model-overview img{max-width:100%;height: auto;}
}
@media (min-width: 768px) {
.category-family-item .img-responsive{ width:350px;}
.navbar-nav li.sub-menu-columns .sub-menu {
    min-width: 420px;
    left:0;
    right: auto;
}
.sub-menu-columns ul.sub-menu li {
    display: inline-block;
    padding-right: 0!important;
    width: 206px!important;
    float: none!important;
    vertical-align: top;
}
}
@media (min-width: 1200px) {
.col-lg-2-4{
float: left;
width:20%;
}
@media (min-width: 992px) {
.col-md-2-4{
float: left;
width:20%;
}
.navbar-nav li.sub-menu-columns .sub-menu {
    min-width: 600px;
    left:0;
    right: auto;
}
.sub-menu-columns ul.sub-menu li {
    display: inline-block;
    padding-right: 0!important;
    width: 196px!important;
    float: none!important;
    vertical-align: top;
}
}
/* 导航高亮 */
.nav .current-menu-item,.nav .current-menu-parent,.nav .current-post-ancestor{ background-color:#CCC;}